body{font:14px "微软雅黑";}
header{background:#1f2833;border:1px solid #3a4757;height:42px;}
.com{width:1190px;margin-left:auto;margin-right:auto;color:#f0f5ff;overflow:hidden;}
header .com{height:100%;}
header .login{width:118px;height:42px;line-height:42px;background:#4270d8;text-align:center;margin-left:32px;cursor:pointer;}
.sign{display:block;height:92px;background:url(sign.png) no-repeat 21px center;width:274px;}
nav{top:0;left:0;width:100%;height:92px;background:#FFF;z-index:999}
.nav-pills>li>a{color:#37414f;text-decoration:none;font-size:18px;}
.nav>li>a:focus, .nav>li>a:hover{background-color:transparent;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{background:none;color:#4270d8;}
.banner1{background:#4f68a8 url(banner.jpg) no-repeat center;height:480px;}
.swiper-pagination-bullet{border:2px solid #FFF;background-color:transparent;opacity:1}
.swiper-pagination-bullet-active{background-color:#FFF;}
.grid{display:-webkit-box;display:box;}
.grid.middle{-webkit-box-pack:center;-webkit-box-align:center;box-pack:center;box-align:center}
.grid.vertical{-webkit-box-orient:vertical;box-orient:vertical}
.g-col{-webkit-box-flex:1;box-flex:1;}
.product,.server{padding:20px 0;background-color:#f2f4f6;}
h3{color:#344054;}
p{color:#878da2;}
.product1{background:url(product.jpg) no-repeat center;height:492px;}
.product2{background:url(product2.jpg) no-repeat center;height:492px;}
.product .swiper-button-next,.product .swiper-button-prev{width:0;height:0;background:none;border:20px solid transparent;}
.product .swiper-button-next:before,.product .swiper-button-prev:before{border:20px solid transparent;width:0;height:0;content:' ';position:absolute;}
.product .swiper-button-prev{border-right:20px solid #dbdde1;}
.product .swiper-button-next{border-left:20px solid #dbdde1;}
.product .swiper-button-next:before{border-left:20px solid #f2f4f6;margin:-20px -24px;}
.product .swiper-button-prev:before{border-right:20px solid #f2f4f6;margin:-20px -16px;}
.case{padding:20px 0 64px;}
.caseul{background:url(case.jpg) no-repeat center;height:348px;margin:30px -9px 0;padding:0 9px;list-style:none;}
.caseul li{border:1px solid #f2f4f6;width:152px;height:152px;float:left;margin:9px;cursor:pointer;}
.caseul li img{display:none;width:100%;}
.caseul li:hover img{display:block;}
.serverul{background:url(server.jpg) no-repeat center 36px;height:654px;}
.about{background-color: #f2f4f6;display:none;}
.aboutban{height:480px;background:url(about.jpg) no-repeat center;}
.about .box{position:relative;top:-138px;padding:28px 85px 144px;z-index:2;background-image:-webkit-linear-gradient(-90deg, transparent 138px, transparent 140px, #FFF 400px)}
.about .bg{background-color:#FFF;opacity:.85;height:138px;position:absolute;top:0;left:0;width:100%;z-index:-1;}
.about .bg2{position:absolute;top:138px;left:0;width:100%;height:300px;background-color:#FFF;z-index:-1;}
.about h3{margin-bottom:24px;}
.about p{color:#344054;font-size:16px;line-height:1.8em}
.about .address{color:#344054;margin-right:32px;line-height:2em;padding-top:10px;}
#map{height:240px;margin-top:26px;}
.login{background-color:#f2f4f6;padding:0;}
.loginfrm{width:396px;position:absolute;margin:54px calc(50% - 198px);}
.form{height:386px;position:relative;z-index:2;margin:0 0 24px;}
.form:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#FFF;opacity:.3;z-index:-1;box-shadow:0 0 3px 3px #DDD;}
.form form{padding:50px;color:#2d3449;}
.form h3{margin-bottom:20px;}
.input{display:block;background:#FFF url(l.jpg) no-repeat;border:1px solid #b9bcc7;padding:8px 0 8px 36px;width:100%;background-color:#FFF;font-size:16px;}
.input:focus{border:1px solid #4270d8;}
.username{background-position:6px -55px}
.username:focus{background-position:6px -91px}
.password{background-position:6px 10px;}
.password:focus{background-position:6px -19px;}
.has-error{font-size:14px;color:#ff000c;margin-bottom:10px;}
.form label{font-weight:inherit;}
.form .btn-blue,.form .btn-blue:focus{border-radius:0;background-color:#4270d8;color:#FFF;font-size:20px;}
.form .mycheckbox{-webkit-appearance:none;-ms-appearance:none;-moz-appearance:none;border:1px solid #b9bcc7;width:20px;height:20px;vertical-align:middle;margin:0 4px 0 0;}
.form .mycheckbox:checked{background:#fff url(l.jpg) no-repeat 0 -132px;}
.fixed{position:fixed;width:100%;left:0;bottom:300px;display:none;z-index:999;}
.fixed .com{position:relative;overflow:inherit;}
.elevator{
	width:42px;height:84px;
	-webkit-transition:opacity .4s ease-in-out;
	-moz-transition:opacity .4s ease-in-out;
	-o-transition:opacity .4s ease-in-out;
	opacity:1;background:url(1.png) no-repeat;
	z-index:100020;position:absolute;right:-50px;
}
#elevator_item.off {
	opacity:0;visibility:hidden
}
#elevator {
	display: block;width: 100%;height: 50%;cursor: pointer;
}
#elevator_item .qr {
	display: block;width: 100%;height: 50%;cursor: pointer;
}
#elevator_item .qr-popup {
	width: 170px;height: 200px;background: #fff;
	box-shadow: 0 1px 8px rgba(0,0,0,.1);position: absolute;
	left: -180px;bottom: 0;border-radius: 2px;display: none;
	text-align: center
}
#elevator_item .qr-popup .code-link {
	display: block;margin: 10px;color: #777
}
#elevator_item .qr-popup .code {
	display: block;width:100%;margin-bottom: 10px;color:#1e2331;
}
#elevator_item .qr-popup .arr {
	width: 6px;height: 11px;
	background: url(img/code_arrow.png) 0 0 no-repeat;
	position: absolute;right: -6px;bottom: 14px
}
footer{width:100%;color:#a5b8d0;padding:4em 0;background-color:#30374b;}
footer a{color:#a5b8d0;}
footer span{padding:0 1em;border-right:1px solid #3f4d64;}
footer span:last-child{border-right:0;}